<div class='course-detail' ng-controller='CourseDetail'>
    <div class='header'>
        <img ng-src='{{courseInfo.banner}}' class='banner'>
        <div class='name'>{{courseInfo.name}}</div>
    </div>
    
    <div class='sim-intro am-avg-sm-2'>
        <li>导师:{{courseInfo.teacher_name}}</li>
        <li>
            ￥{{courseInfo.price}} 
            <!-- <span class='try-listen' ng-click='try_listen(courseInfo.id, courseInfo.play_type)'>免费试听</span> -->
            <button class='am-btn am-btn-xs try-listen' ng-click='try_listen(courseInfo.id, courseInfo.play_type)'>免费试听</button>
        </li>
    </div>
    
    <div class='chapters'>
        <div class='title'>课程目录</div>
        <div class='am-list'>
            <li ng-repeat='chapter in courseInfo.chapters'>{{$index + 1}}、{{chapter.name}}</li>
        </div>
    </div>

    <div class='intro'>
        <div class='title'>课程介绍</div>
        <div class='content' ng-bind-html='courseInfo.decipt'></div>
    </div>

    <div class='intro'>
        <div class='title'>导师介绍</div>
        <div class='content' ng-bind-html='courseInfo.teacher_decipt'></div>
    </div>
    
    <div class='box-leave-msg'>
        <div class='title'>
            <div>精选留言</div>
            <hr>
        </div>
        <div class='send'>
            <span ng-click='write_leavemsg()'>写留言<i class='fa fa-pencil'></i></span>
        </div>
        <div class='list am-list'>
            <li ng-repeat='item in leaveMsgList'>
                <div class='comment am-g am-g-collapse'>
                    <div class='am-u-sm-2 headimg'>
                        <img ng-src='{{item.headimgurl}}'>
                    </div>
                    <div class='am-u-sm-10'>
                        <div class='info'>
                            <span class='nickname'>{{item.nickname}}</span>
                            <span class='good'><i class='fa fa-thumbs-o-up'></i>100</span>
                        </div>
                        <div class='content'>{{item.content}}</div>
                        <div class='time'>{{item.create_date}}</div>

                        <div class='reply' ng-if='item.res_content'>
                            <hr>
                            <div class='reply-info'>
                                <span class='nickname'>作者回复</span>
                                <span class='good'><i class='fa fa-thumbs-o-up'></i>100</span>
                            </div>
                            <div class='reply-content'>{{item.res_content}}</div>
                            <div class='reply-time'>{{item.res_create_date}}</div>
                        </div>
                    </div>
                </div>
            </li>
        </div>
    </div>
    
    <div class='gap'></div>
    
    <div class='hot-buy'>
        <button class='am-btn am-btn-warning' ng-if='courseInfo.buy_status == 0'
            ng-click='buy_course(courseInfo.id, courseInfo)'>立即抢购</button>
        <button class='am-btn am-btn-danger' ng-if='courseInfo.buy_status == 2'
            ng-click='buy_course(courseInfo.id, courseInfo)'>立即支付</button>
        <button class='am-btn am-btn-success' ng-if='courseInfo.buy_status == 1 || courseInfo.buy_status == 3'
            ng-click='listen(courseInfo.id, courseInfo.play_type)'>去听课</button>
        <button class='am-btn am-btn-success' ng-if='courseInfo.buy_status == 1001'
            ng-click='buy_course(courseInfo.id, courseInfo)'>立即体验</button>
    </div>
</div>